<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js"></script>
		<link rel="stylesheet" type="text/css" href="css/zny.css"/>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
	</head>
	<body>
		<div id="neiron" class="shell">
			<div class="images">
				<div class="img"></div>
				<div class="img"></div>
			</div>
			<div class="nr">
				<div class="nr_top">
					<a><img src="znimg/znlogo.png" >智能产品多</a>
					<a><img src="znimg/znlogo2.png" >智能场景全</a>
					<a><img src="znimg/znlogo3.png" >交互体验优</a>
				</div>
				<div class="nr_nr">
					<div class="nr_nr_i">
						<img src="znimg/zn1.png" >
						<span>剃须刀</span>
					</div>
					<div class="nr_nr_i">
						<img src="znimg/zn2.png" >
						<span>智慧出行</span>
					</div>
					<div class="nr_nr_i">
						<img src="znimg/zn3.png" >
						<span>电动牙刷</span>
					</div>
					<div class="nr_nr_i">
						<img src="znimg/zn4.png" >
						<span>电动滑板车</span>
					</div>
					<div class="nr_nr_i">
						<img src="znimg/zn5.png" >
						<span>电源/线材</span>
					</div>
					<div class="nr_nr_i">
						<img src="znimg/zn6.png" >
						<span>鼠标</span>
					</div>
					<div class="nr_nr_i">
						<img src="znimg/zn7.png" >
						<span>箱包</span>
					</div>
					<div class="nr_nr_i">
						<img src="znimg/zn8.png" >
						<span>吹风机</span>
					</div>
					<div class="nr_nr_i">
						<img src="znimg/zn9.png" >
						<span>家居床品</span>
					</div>
					<div class="nr_nr_i">
						<img src="znimg/zn10.png" >
						<span>工具</span>
					</div>
				</div>
			</div>
		</div>
		<div class="nr2">
			<div class="nr2_ys1">
				<div class="ys1_left">
					<div style="width: 83%;margin: 0 auto;margin-top: 0.3rem;">
						<a class="ys1_left_a">小米积木</a><br />
						<span class="ys1_left_span">潮玩节</span>
					</div>
				</div>
				<div class="ys1_right">
					<div class="ys1_right_top">
						<div style="width: 83%;margin: 0 auto;">
							<a class="ys1_left_a">九号平衡车</a><br />
							<span class="ys1_left_span">3分钟快速上手</span>
						</div>
					</div>
					<div class="ys1_right_bottom">
						<div style="width: 83%;margin: 0 auto;">
							<a class="ys1_left_a">运动健康</a><br />
							<span class="ys1_left_span">动起来 靓出彩</span>
						</div>
					</div>
				</div>
			</div>
			<div class="rkbx">
				热款爆销
			</div>
			<div class="mkflf">
				<div style="width: 60%;">
					<div style="width: 100%;">
						<a>麦克风</a>
					</div>
					<div style="width: 100%;">
						<a>人声饱满不失真</a>
					</div>
					<div style="width: 100%;">
						<a>¥299</a>
					</div>
					<div class="hk">
							双麦配对
					</div>
				</div>
				<img class="mkfimg" src="znimg/ht1.jpg" >
			</div>
			<div class="mkflf">
				<div style="width: 60%;">
					<div style="width: 100%;">
						<a>麦克风</a>
					</div>
					<div style="width: 100%;">
						<a>人声饱满不失真</a>
					</div>
					<div style="width: 100%;">
						<a>¥299</a>
					</div>
					<div class="hk">
							双麦配对
					</div>
				</div>
				<img class="mkfimg" src="znimg/ht2.jpg" >
			</div>
			<div class="mkflf">
				<div style="width: 60%;">
					<div style="width: 100%;">
						<a>麦克风</a>
					</div>
					<div style="width: 100%;">
						<a>人声饱满不失真</a>
					</div>
					<div style="width: 100%;">
						<a>¥299</a>
					</div>
					<div class="hk">
							双麦配对
					</div>
				</div>
				<img class="mkfimg" src="znimg/ht3.jpg" >
			</div>
			<div class="mkflf">
				<div style="width: 60%;">
					<div style="width: 100%;">
						<a>麦克风</a>
					</div>
					<div style="width: 100%;">
						<a>人声饱满不失真</a>
					</div>
					<div style="width: 100%;">
						<a>¥299</a>
					</div>
					<div class="hk">
							双麦配对
					</div>
				</div>
				<img class="mkfimg" src="znimg/ht4.jpg" >
			</div>
			<div class="mkflf">
				<div style="width: 60%;">
					<div style="width: 100%;">
						<a>麦克风</a>
					</div>
					<div style="width: 100%;">
						<a>人声饱满不失真</a>
					</div>
					<div style="width: 100%;">
						<a>¥299</a>
					</div>
					<div class="hk">
							双麦配对
					</div>
				</div>
				<img class="mkfimg" src="znimg/ht5.jpg" >
			</div>
			<div class="mkflf">
				<div style="width: 60%;">
					<div style="width: 100%;">
						<a>麦克风</a>
					</div>
					<div style="width: 100%;">
						<a>人声饱满不失真</a>
					</div>
					<div style="width: 100%;">
						<a>¥299</a>
					</div>
					<div class="hk">
							双麦配对
					</div>
				</div>
				<img class="mkfimg" src="znimg/ht6.jpg" >
			</div>
			<div class="rkbx">
				新品日历
			</div>
			<div class="znbj">
				<div style="width: 100%;text-align: center;">
					鼠标Lite<br />
					简约设计
				</div>
				<div class="ljgm">
					立即购买
				</div>
				<img src="znimg/ht7.png" >
				<div style="width: 100%;text-align: center;">
					¥25
				</div>
			</div>
			<div class="znbj2">
				<div style="width: 100%;text-align: center;">
					鼠标Lite<br />
					简约设计
				</div>
				<div class="ljgm">
					立即购买
				</div>
				<img src="znimg/ht8.png" >
				<div style="width: 100%;text-align: center;">
					¥25
				</div>
			</div>
			<div class="znbj3">
				<div style="width: 100%;text-align: center;">
					鼠标Lite<br />
					简约设计
				</div>
				<div class="ljgm">
					立即购买
				</div>
				<img src="znimg/ht9.png" >
				<div style="width: 100%;text-align: center;">
					¥25
				</div>
			</div>
			
			<div class="nr3">
				<div class="nr3_top">
					<div class="nr3_top_wz">
						<a>精选</a>
					</div>
					<div class="nr3_top_wz">
						<a>智能灯光</a>
					</div>
					<div class="nr3_top_wz">
						<a>智能娱乐</a>
					</div>
					<div class="nr3_top_wz">
						<a>智能安全</a>
					</div>
				</div>
				<div class="nr3_nr">
					<img src="znimg/zne1.png" >
					<div style="width: 80%;">
						<a>小米手环6腕带</a>
					</div>
					<div style="width: 80%;">
						<span>¥19.9</span>
					</div>
				</div>
				<div class="nr3_nr">
					<img src="znimg/zne2.png" >
					<div style="width: 80%;">
						<a>小米手环6腕带</a>
					</div>
					<div style="width: 80%;">
						<span>¥19.9</span>
					</div>
				</div>
				<div class="nr3_nr">
					<img src="znimg/zne3.png" >
					<div style="width: 80%;">
						<a>小米手环6腕带</a>
					</div>
					<div style="width: 80%;">
						<span>¥19.9</span>
					</div>
				</div>
				<div class="nr3_nr">
					<img src="znimg/zne4.webp" >
					<div style="width: 80%;">
						<a>小米手环6腕带</a>
					</div>
					<div style="width: 80%;">
						<span>¥19.9</span>
					</div>
				</div>
				<div class="nr3_nr">
					<img src="znimg/zne2.png" >
					<div style="width: 80%;">
						<a>小米手环6腕带</a>
					</div>
					<div style="width: 80%;">
						<span>¥19.9</span>
					</div>
				</div>
				<div class="nr3_nr">
					<img src="znimg/zne2.png" >
					<div style="width: 80%;">
						<a>小米手环6腕带</a>
					</div>
					<div style="width: 80%;">
						<span>¥19.9</span>
					</div>
				</div>
				<div class="nr3_nr">
					<img src="znimg/zne2.png" >
					<div style="width: 80%;">
						<a>小米手环6腕带</a>
					</div>
					<div style="width: 80%;">
						<span>¥19.9</span>
					</div>
				</div>
				<div class="nr3_nr">
					<img src="znimg/zne2.png" >
					<div style="width: 80%;">
						<a>小米手环6腕带</a>
					</div>
					<div style="width: 80%;">
						<span>¥19.9</span>
					</div>
				</div>
				<div class="nr3_nr">
					<img src="znimg/zne2.png" >
					<div style="width: 80%;">
						<a>小米手环6腕带</a>
					</div>
					<div style="width: 80%;">
						<span>¥19.9</span>
					</div>
				</div>
				<div class="nr3_nr">
					<img src="znimg/zne2.png" >
					<div style="width: 80%;">
						<a>小米手环6腕带</a>
					</div>
					<div style="width: 80%;">
						<span>¥19.9</span>
					</div>
				</div>
			</div>
		</div>
		
		
		<header>
			<div class="d1">
				<div class="fh">
					
				</div>
			</div>
			<div class="d2">
				生活酷玩
			</div>
			<div class="d3">
				<img id="ic" src="znimg/sszn.png" >
			</div>
		</header>
		<script type="text/javascript">
			var header=document.querySelector("header");
			var d2=document.querySelector(".d2");
			var fh=document.querySelector(".fh");
			document.onscroll=function(){
				console.log(window.pageYOffset);
				console.log(header.offsetTop);
				if(window.pageYOffset>=70){
					header.style.backgroundColor="#FFFFFF";
					d2.style.color="#757575";
					fh.style.borderColor="#9B9B9B";
				}
				else{
					header.style.backgroundColor="";
					d2.style.color="white";
					fh.style.borderColor="white";
				}
			}
			var sy=document.querySelector(".fh");
			sy.onclick=function(){
				javascript:history.back();
			}
		</script>
	</body>
</html>
